$(function () {
    //调用轮播函数,实现服装配饰区轮播图
    lunbo(".clothingslide", 300, 456, 300);
    //调用轮播函数,实现服装区域
    // lunbo("#clothingCC",338,428,338,20,10,0);


    function lunbo(selector, boxh, imgw, imgh, controlsW, controlsH, radius) {
        $(selector).slidebox(
            {
                boxh: boxh || 300,//盒子的高度
                w: imgw || 456,//图片的宽度
                h: imgh || 300,//图片的高度
                isShow: true,//是否显示控制器
                isShowBtn: true,//是否显示左右按钮
                controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
                controlsW: controlsW || 20,//控制按钮宽度
                controlsH: controlsH || 10,//控制按钮高度
                radius: radius || 0//控制按钮圆角度数
            }
        );
    }
    // 选项卡鼠标移入
    $(".clothing-spanr").mouseenter(function () {
        $(this).addClass("active").siblings().removeClass("active").closest("#clothing")
            .find(".clothing-content").eq($(this).index()).addClass("cloCon").siblings().removeClass("cloCon");
    });
    // 楼层导航
    colorArr = ["#feb80f", "#7a45e5", "#f770cf", "#00b262"];
    $(".spriteli").hover(function () {
        $(this).css({ backgroundPositionX: -40, backgroundColor: colorArr[$(this).index()] });
    }, function () {
        $(this).css({ backgroundPositionX: 0, backgroundColor: "" });
    });
    //点击图标跳转到相应的位置
    $(".spriteli").click(function () {
        let sTop = $(".clothing").eq($(this).index()).offset().top;
        $("html").stop().animate({ scrollTop: sTop }, 300)
    });
    //回到顶部
    $("#sprite").click(function () {
        $("html").animate({ scrollTop: 0 }, 300);
    });
    //一定位置时自动显示回到顶部按钮
    $(window).scroll(function () {
        //获取回到顶部图标到顶部的距离-spriteBtn
        let spriteBtn = $(window).scrollTop();
        if (spriteBtn >= 600) {
            $("#sprite").show();
        } else {
            $("#sprite").hide();
        }
    });
})